﻿  .form_control.active input {

    border: 1px #32BC61 solid;

    background-color: #fff;

  }



  .form_control.error input {

    border: 1px #f00 solid;

    background-color: #FBF9BB;

  }

.form_control {
    position:relative;
}
.form_control.file{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.form_control .valid_message {

    color: #32BC61;
    position: absolute;
    right: -120px;
    top: 1px;
    min-width: 100px;
    border-radius: 2px;
    background-color: #FBF9BB;
    padding: 2px 5px;
    border: 1px solid #f8bb86;

}
.form_control .valid_message:before{
	content: '';
    position: absolute;
    left: -8px;
    top: 7px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 8px solid #FBF9BB;
    border-bottom: 4px solid transparent;
    z-index: 3;
}
.form_control .valid_message:after{
	    content: '';
    position: absolute;
    left: -9px;
    top: 6px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 9px solid #f8bb86;
    border-bottom: 5px solid transparent;
    z-index: 2;
}

.form_control.error .valid_message {

    color: #f00;

}

.form_control.success .valid_message {
	display: none;
}
.form_control.success.veriCode{
	
}

